 $(function(){
    $("#a1").mouseenter(function(){
      $("#d3").show();
     });
     $("#d3").mouseleave(function(){
         $("#d3").hide();
      });
      $("#tp").click(function(){
        $("#tp2").animate({right:'0px'});
      })
      $("#tp6").click(function(){
        $("#tp2").animate({right:'-250px'});
      })
 });

 var xmlhttp;
 if(window.XMLHttpRequest){
   xmlhttp=new XMLHttpRequest();
 }else{
   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
 }
 
 xmlhttp.open("get","guanyu.json",true);
 xmlhttp.setRequestHeader("content-type","application/x-www-form-urlencoded");
 xmlhttp.send();
 
 
 xmlhttp.onreadystatechange=function(){
   if(xmlhttp.readyState==4 && xmlhttp.status==200){
     var arr = JSON.parse(xmlhttp.responseText);
     for(var i=0;i<arr.length;i++){
       var d =document.createElement("div");
       d.innerHTML = "<img src="+arr[i].imgSrc+"><h3>"+arr[i].name+"</h3><p>"+arr[i].ms+"</p><p><a href=''>"+arr[i].hh+"</a></p>";
       document.getElementById("root").appendChild(d);
     }
   }
 }